<template>
  <div>
    <el-radio-group v-model="isCollapse" style="margin-bottom: 20px">
      <el-radio-button :label="false">expand</el-radio-button>
      <el-radio-button :label="true">collapse</el-radio-button>
    </el-radio-group>
    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        :collapse="isCollapse"
        @open="handleOpen"
        @close="handleClose">
      <el-sub-menu index="1">

        <template #title>
          <el-icon><location /></el-icon>
          <span>主页</span>
        </template>

        <el-menu-item-group>
          <template #title><span>我的笔记</span></template>
          <el-menu-item index="1-1">JavaWeb</el-menu-item>
          <el-menu-item index="1-2">刷题笔记</el-menu-item>
          <el-menu-item index="1-3">ARCore</el-menu-item>
        </el-menu-item-group>

      </el-sub-menu>
    </el-menu>
  </div>
</template>
